﻿<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="ShowImage.aspx.cs" Inherits="FimetContoDeposito.Operazioni.ShowImage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <asp:PlaceHolder ID="PlaceHolder1" runat="server"> 
        <%: Scripts.Render("~/bundles/JQuery") %>          
        <%: Scripts.Render("~/bundles/JQueryUI") %>                
    </asp:PlaceHolder>

    <link type="text/css" rel="stylesheet" href="../Scripts/jqPropertyGrid/jqPropertyGrid.css" />
              
    <script type="text/javascript" lang="javascript" src="../Scripts/GrayParrot.Core.js"></script> 
    <script type="text/javascript" lang="javascript" src="../Scripts/jqPropertyGrid/jqPropertyGrid.js"></script> 

    <title>Dettaglio Articolo</title>
</head>

<body>
	<div id="imgShow" title="">
        <table>
            <tr>
                <td style="vertical-align:top">
                    <img id="img2" class="img-thumbnail" src="http://placehold.it/350x150/7ba9d0/fff?text=immagine+non+disponibile+%3A%29" style='width:100%;max-width:350px;max-height:250px' />
                </td>
                <td style="vertical-align:top">
                    <div id='propGrid'></div>
                </td>
            </tr>
        </table>
	   
	</div>
</body>

     <script type="text/javascript">
       var idArticolo = GetQueryStringParams("id");

       var url = "/api/AnagraficaArticoli/GetDettaglio";

       var theMeta = {
           Codice: { group: 'Articolo', name: 'Codice', type: 'label' },
           Descrizione: { group: 'Articolo', name: 'Descrizione', type: 'label' },
           IsAbilitato: { group: 'Caratteristiche', name: 'Abilitato', type: 'boolean' },
           DescrTipologia: { group: 'Caratteristiche', name: 'Tipologia Articolo', type: 'label' },
           DescrUnitaDiMisura: { group: 'Caratteristiche', name: 'Unita Di Misura', type: 'label' },
           PesoTeorico: { group: 'Caratteristiche', name: 'Peso Teorico', type: 'label' },
           PrezzoUnitario: { group: 'Caratteristiche', name: 'Prezzo Unitario', type: 'label' },
           ScontoFornitore: { group: 'Caratteristiche', name: 'Sconto Fornitore', type: 'label' },
           ScortaMinima: { group: 'Caratteristiche', name: 'Scorta Minima', type: 'label' },
           Note: { group: 'Caratteristiche', name: 'Note', type: 'label' },
           Dimensioni: { group: 'Caratteristiche', name: 'Dimensioni', type: 'label' },
           SerieFamiglia: { group: 'Caratteristiche', name: 'Serie Famiglia', type: 'label' },
           DescrUMFatt: { group: 'Caratteristiche', name: 'U.M. Fatt.', type: 'label' },
           QtaPacco: { group: 'Caratteristiche', name: 'Qta. Pacco', type: 'label' },
           DescrCodiceFornitore: { group: 'Caratteristiche', name: 'Cod. Fornitore', type: 'label' },
           Id: { browsable: false },
           Tipologia: { browsable: false },
           UnitaDiMisura: { browsable: false },
           FotoArticolo: { browsable: false, type: 'label' },
           IdCliente: { browsable: false, type: 'label' },
           DescrCliente: { browsable: false, type: 'label' },
           DescrFornitore: { browsable: false, type: 'label' },
           UMFatt: { browsable: false, type: 'label' },
           CodiceFornitore: { browsable: false, type: 'label' },
           Fornitore: { browsable: false, type: 'label' },
           IsXxxx: { browsable: false, type: 'boolean' }
       };

       $.ajax({
           type: "POST",
           url: url,
           data: JSON.stringify({ id: idArticolo }),
           contentType: "application/json; charset=utf-8",
           dataType: "json",
           success: function (response) {
               
               if (response != null) {
                   delete response.FCD_ArticoliPerFornitoris;
                   delete response.FCD_ArticoliPerMagazzinoes;
                   delete response.FCD_Magazzinoes;
                   delete response.FCD_Customer;

                   if (response.FotoArticolo != '' && response.FotoArticolo != null && response.FotoArticolo !== undefined) {
                       $('#img2').attr('src', response.FotoArticolo);
                   }

                   $('#propGrid').jqPropertyGrid(response, theMeta);
               }

           },
           failure: function (response) {
               alert(response);
           }
       });
    </script>

</html>